<template>
	<view class="all">
		<u-navbar>
			<view slot="default">
				<view class="soousuo">
					<image @click="so" style="width: 44rpx;height:44rpx ;margin-right: 10rpx;"
						src="@/static/img/search.png" mode=""></image>
					<input v-model="search" style="
					width: 100%;" type="text" value="" placeholder="教育未来的方向" />
				</view>
			</view>
			<view slot="right" style="margin-right: 20rpx;">取消</view>
		</u-navbar>
		<view class="lishi">
			<view class="lishi_1">
				<my-text text='搜索内容' />
			</view>
			<view class="lishi_2">
				<view class="lishi_2_1" v-for="(item,index) in info.search">
					<text>{{item.curriculum_type_text}}</text>
					<text v-if="item.type==0">{{'商品'}}</text>
					<text>{{item.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				search: "",
				info: {},
			}
		},
		onLoad(a) {
			this.info = JSON.parse(a.data)
			console.log(this.info.search)
		},
		methods: {
			so() {

			},
			getinfo() {

			}
		}
	}
</script>

<style lang='scss'>
	.lishi_2_t4t {
		color: #91969A !important;
	}

	.lishi_21 {
		padding: 0rpx 20rpx 20rpx 20rpx;

		.xian {
			width: 93%;
			margin-top: 20rpx;
			float: right;
			height: 1rpx;
			background-color: #E3E3E3;
		}

		.lishi_2_t {
			text:nth-of-type(2) {
				font-size: 29rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #131314;
				opacity: 1;
			}

			.lishi_2_t2 {
				background-color: rgb(255, 213, 0);
				color: white;
			}

			.lishi_2_t3 {
				background-color: rgb(238, 128, 26);
				color: white;
			}

			.lishi_2_t4 {
				background-color: rgba(145, 150, 154, 0.6);
				color: white;
			}

			.lishi_2_tall {
				display: inline-block;
				padding: 0rpx 8rpx 0rpx 8rpx;
				margin-right: 20rpx;
			}

			.lishi_2_t1 {
				background-color: rgb(255, 36, 36);
				color: white;
			}
		}
	}



	.lishi_2 {
		padding: 0rpx 20rpx 20rpx 20rpx;

		.lishi_2_1 {
			margin-top: 10rpx;
			padding: 30rpx 0rpx 30rpx 0rpx;
			border-bottom: 1rpx solid #F6F6F6;

			text:nth-of-type(1) {
				display: inline-block;
				margin-right: 20rpx;
			}
		}
	}

	.lishi {
		padding-left: 15rpx;
		padding-right: 15rpx;

		.lishi_1 {
			padding: 20rpx;
			display: flex;
			justify-content: space-between;
		}
	}

	.soousuo {
		background-color: rgb(245, 245, 245);
		align-items: center;
		width: 561rpx;
		height: 68rpx;
		display: flex;
		border-radius: 50rpx;
		padding: 10rpx 0rpx 10rpx 20rpx;
	}
</style>
